// @mixin 用来共用样式 (某些样式重复很多次使用时就用mixin来共用样式,减少代码)

@mixin zhen-color {
    color: red;
}

@mixin zhen-background-color {
    background-color: yellow; 

}

.zhen-color {

     // 这里把下面这两个样式给引了进来
    @include zhen-color;
    @include zhen-background-color;

    // 最终是这样子
    // color: red;
    // background-color: yellow; 
}

// 普通写法
// 居中
.zhen-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

